<template>
    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 200 200">
        <!-- 背景圆 -->
        <circle cx="100" cy="100" r="95" fill="#f8fafc" stroke="#e2e8f0" stroke-width="1" />

        <!-- 字母B简化造型 -->
        <g fill="none" stroke="#1e293b" stroke-width="10" stroke-linecap="round">
            <!-- 垂直线 - 简洁的象征 -->
            <line x1="80" y1="50" x2="80" y2="150" />

            <!-- 上曲线 - 顶部圆润部分 -->
            <path d="M80,70 C90,60 110,60 120,70" />

            <!-- 下曲线 - 底部圆润部分 -->
            <path d="M80,130 C90,140 110,140 120,130" />
        </g>

        <!-- 书本页脚元素 -->
        <g fill="none" stroke="#94a3b8" stroke-width="3" stroke-linecap="round" stroke-dasharray="5,5">
            <path d="M50,170 L150,150" />
            <path d="M53,175 L153,155" />
        </g>

        <!-- 简约点元素 - 代表博文内容 -->
        <g fill="#60a5fa">
            <!-- 上方点群 -->
            <circle cx="100" cy="75" r="2" />
            <circle cx="95" cy="70" r="1.5" />
            <circle cx="105" cy="72" r="1" />

            <!-- 下方点群 -->
            <circle cx="100" cy="135" r="2" />
            <circle cx="95" cy="130" r="1.5" />
            <circle cx="105" cy="132" r="1" />
        </g>

        <!-- 文字标识 -->
        <text x="100" y="190" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="20"
            fill="#1e293b">
            Brief
            <tspan fill="#60a5fa">B</tspan>log
        </text>
    </svg>

</template>

<script setup>

</script>

<style scoped></style>